<template>
  <div>
    <el-card>
      <el-form :model="form">
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item label="">
              <el-select v-model="form.type" placeholder="设备类型">
                <el-option label="" value="" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="">
              <el-select v-model="form.value" placeholder="所属单位">
                <el-option label="" value="" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="">
              <el-input v-model="form.name" placeholder="设备名称" />
            </el-form-item>
          </el-col>
          <el-col :span="10" style="text-align: right">
            <el-button type="primary">搜索</el-button>
            <el-button type="">重置</el-button>
          </el-col>
        </el-row>
      </el-form>
    </el-card>
    <el-card style="margin-top: 20px">
      <my-table :columns="columns" :data="data">
        <template slot="table-title">
          <h3>设备列表</h3>
        </template>
      </my-table>
    </el-card>
  </div>
</template>

<script>
import myTable from '@/components/table/myTable'
export default {
  components: { myTable },
  data() {
    return {
      form: {},
      columns: [
        {
          label: '设备类型',
          prop: 'type'
        },
        {
          label: '设备名称',
          prop: 'name'
        },
        {
          label: '所属单位',
          prop: 'affiliatedUnit'
        },
        {
          label: '设备数量',
          prop: 'num'
        }
      ],
      data: []
    }
  },
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="scss"></style>
